<div ng-if="pagedata.showgoods" class="popup">
	<div class="popup-body">
		<div class="popup-center radius">
			<i class="closed icon icon-cuowu" ng-click="pagedata.showgoods=false"></i>
<style>
.fui-cellone .fui-cellone-info .avatar, .fui-goods-item .fui-buys-info .avatar{
	width:1.6rem;
	height:1.6rem;
	border:1px solid #efefef;
	border-radius: 50%;
}
.fui-goods-item .detail .price .member {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	padding:0.1rem 0;
    color: #999;
	font-size:0.65rem;
	font-weight:400;
}
.fui-cellone .fui-cellone-remark .avatar, .fui-cellone .fui-cellone-remark .logo{
	width:0.9rem;
	height:0.9rem;
	border-radius: 50%;
}
</style>
<div  class="page-goods-detail radius" style="padding:0">
	<!--轮播图-->
	<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
		<div class="carousel-inner" role="listbox" style="max-height:20rem">
			<div ng-class="{'item':1,'active':$index==0}" ng-repeat="item in pagedata.goods.images track by $index">
				<a href="javascript:;">
					<img ng-src="{{tomedia(item) || '../core/resource/images/nopic.jpg'}}" style="border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;display: block; width: 100%; height: 100%;">
				</a>
			</div>
		</div>
		<style>
				.fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
				.fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
		</style>
		<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
			<div class="fui-swipe-bullet" ng-repeat="item in pagedata.goods.images track by $index" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
		</div>
	</div>
	<div class="fui-cell-group fui-detail-group radius" style="padding:0.5rem;border-top-left-radius:0;border-top-right-radius:0">
			<div class="fui-cellone" style="padding:0.5rem 0;padding-top:0">
							<div class='fui-cellone-label' style="width:auto">
							   <div class="bigprice red bold" style="font-size:1rem;position:relative">
								￥{{pagedata.goods.price}}
								</div>
							</div>
							<div class='fui-cellone-info' style="padding-left:0.2rem">
								<span class="arrow-left"></span><span style="display:inline-block;padding:0.1rem 0.3rem;color:#fff;font-size:0.5rem;background:#ff4e2c;border-radius:0.1rem;">{{pagedata.item.unitname || '活动'}}价</span>
							</div>
							<div class='fui-cellone-remark noremark'>
								<span ng-if="pagedata.goods.total" style="font-size:0.6rem;color:#666">库存 {{pagedata.goods.lastnum}}</span>
								<span ng-if="!pagedata.goods.total" style="font-size:0.6rem;color:#666">库存不限</span>
							</div>
			</div>
			<div class="fui-cellone" style="padding:0;">
							<div ng-if="pagedata.item.gamename=='jy_merchgame_ms' && pagedata.goods.percent!=-1" class='fui-cellone-info'>
							<span class="progress" style="float: left;margin-top:0.35rem;margin-bottom:0.25rem;width: 4.5rem;height: 0.5rem;border-radius: .5rem;overflow: hidden;">
								<div class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="width: {{pagedata.goods.percent || 1}}%;background-color:red;"><span class="sr-only">60% Complete</span></div>
							</span>
							<span class="process-text" style="float: left;font-size:0.55rem;margin:0.3rem;">已秒 {{pagedata.goods.percent || 0}}%</span>
							</div>
							<div ng-if="pagedata.item.gamename=='jy_merchgame_fx'" class='fui-cellone-info' style="height:1.3rem">
							<span class="btn01">赚佣金</span>
							<span class="btn02">￥{{pagedata.goods.fxfee01 || '0.00'}}</span>
							</div>
							<div ng-if="pagedata.item.gamename=='jy_merchgame_pt'" class='fui-cellone-info' style="height:1.3rem">
							<span class="btn01">{{pagedata.item.gameset.teamnum || 0}}人起拼</span>
							<span class="btn02">不限制上限</span>
							</div>
							<div ng-if="pagedata.item.gamename=='jy_merchgame_bm'" class='fui-cellone-info' style="height:1.3rem">
							<span class="btn01">帮卖赚</span>
							<span class="btn02">￥{{pagedata.goods.bmfee || '0.00'}}</span>
							</div>
						</div>
						<div class="fui-cellone" style="padding:0;">
							<div class='fui-cellone-info' ng-if="pagedata.goods.buynum>0">
								<span class="label label-info">限购</span> <span style="font-size:0.6rem;color:#666">每人最多买{{pagedata.goods.buynum}}件</span>
							</div>
							<div class='fui-cellone-info' ng-if="!pagedata.goods.buynum || pagedata.goods.buynum==0">
								<span class="label label-info">不限购</span> <span style="font-size:0.6rem;color:#666">每人可买多件</span>
							</div>
							<div ng-if="pagedata.item.status==2" class='fui-cellone-remark noremark'>
								<span class="btn btn-sm btn-gray" style="color:#fff">已结束</span>
							</div>
						</div>
	<div id="jycontent" class="fui-cell-text bold" style="padding:0.5rem 0">商品详情</div>
	<div class="content-block content-images" ng-bind-html="trust(pagedata.goods.subtitle)"></div>				
	</div>
</div>
		</div>
	</div>
<script type="text/javascript">
require(['bootstrap', 'hammer'], function($, Hammer){
		$('#carousel-container').carousel();
		var mc = new Hammer($('#carousel-container').get(0));
		mc.on("panleft", function(ev) {
			$('#carousel-container').carousel('next');
		});
		mc.on("panright", function(ev) {
			$('#carousel-container').carousel('prev');
		});
		
});
</script>
</div>